<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    
    <script>
        (function initRem() {
           var designWidth = 750;
           var designRootFontSize = 100;
           var deviceWidth = window.innerWidth;
           var dpr = window.devicePixelRatio;

           document.documentElement.style.fontSize =
               designWidth / ((designWidth / designRootFontSize) * dpr) + 'px';
       })()
   </script>
   <link rel="stylesheet" href="./tabDetail.css">
</head>
<body>
    <div class="tab-detail-container">
        <div class="top bg-blue">
            <p class="title font-24">车牌信息</p>
            <p class="car font-40">·86068</p>
            <div class="direction">
                <span>九龙坡区</span>
                <img src="./images/icon_arrow_right_big.png" alt="" class="icon-arrow">
                <span>江津</span>
            </div>
            <p class="time font-24">2020-02-06 18:00:00</p>
        </div>
        <ul class="list-container">
            <li class="flex">
                <span class="flex-left">当前检查站</span>
                <span class="flex-right">S106窄口检查站</span>
            </li>
            <li class="flex">
                <span class="flex-left">姓名</span>
                <span class="flex-right">周韵在</span>
            </li>
            <li class="flex">
                <span class="flex-left">身份证号码
                </span>
                <span class="flex-right">500****2410
                </span>
            </li>
            <li class="flex">
                <span class="flex-left">手机号
                </span>
                <span class="flex-right">17320498724</span>
            </li>
        </ul>
    </div>
</body>
</html>